<script setup lang="ts">
import { ref } from 'vue';

//简单数据变成响应式用ref函数包裹 会返回一个响应式对象 把值给到这个对象的value属性
//注意点 script标签中.value 其他地方不行

const age = ref(18)
const changeAge = () => {
  age.value++
}
</script>

<template>
  <div class="app-page">
    <div>{{ age }}</div>
    <button @click="changeAge">年龄++</button>
  </div>
</template>

<style lang="css" scoped></style>
